<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/base.css">
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <script src="js/jquery.min.js"></script>
    </head>
    <body>
    <!-- 页面头部开始 -->
<div class="header">
      <div class="header-banner clearfix">
          <div class="header-left"><a href="#"></a></div>
          <div class="header-right">
                 <div class="reg-login">
                      <a href="#">你好，请登录</a>
                      <span>|</span>
                      <a href="#">注册</a>
                      <a href="#" class="shopCar"><b></b>购物车<em>(0)</em></a>
                 </div>
                <div class="search">
                  <input type="text" placeholder="输入搜索内容" id="search" onfocus="setStyle(this.id)"/>
                  <input type="submit" value="">
                </div>
                <ul class="nav clearfix">
                <!-- 清除浮动：清除浮动带来的影响-->
                  <li><a href="#">首页</a></li>
                  <li><a href="#">手机</a>
                        <div class="mPhone">
                          <div class="mPhone-banner clearfix">
                              <dl>
                                    <dt>最新></dt>
                                    <dd><a href="#">金立S10</a></dd>
                                    <dd><a href="#">金立S10c</a></dd>
                                  <dd><a href="#">金立S10c</a></dd>
                                  <dd><a href="#">金立S10c</a></dd>
                              </dl>
                               <dl>
                                    <dt>最新></dt>
                                    <dd><a href="#">金立S10</a></dd>
                                    <dd><a href="#">金立S10c</a></dd>
                                  <dd><a href="#">金立S10c</a></dd>
                                  <dd><a href="#">金立S10c</a></dd>
                              </dl>
                               <dl>
                                    <dt>最新></dt>
                                    <dd><a href="#">金立S10</a></dd>
                                    <dd><a href="#">金立S10c</a></dd>
                                  <dd><a href="#">金立S10c</a></dd>
                                  <dd><a href="#">金立S10c</a></dd>
                              </dl>
                               <dl>
                                    <dt>最新></dt>
                                    <dd><a href="#">金立S10</a></dd>
                                    <dd><a href="#">金立S10c</a></dd>
                                  <dd><a href="#">金立S10c</a></dd>
                                  <dd><a href="#">金立S10c</a></dd>
                              </dl>
                               <dl>
                                    <dt>最新></dt>
                                    <dd><a href="#">金立S10</a></dd>
                                    <dd><a href="#">金立S10c</a></dd>
                                  <dd><a href="#">金立S10c</a></dd>
                                  <dd><a href="#">金立S10c</a></dd>
                              </dl>
                               <dl>
                                    <dt>最新></dt>
                                    <dd><a href="#">金立S10</a></dd>
                                    <dd><a href="#">金立S10c</a></dd>
                                  <dd><a href="#">金立S10c</a></dd>
                                  <dd><a href="#">金立S10c</a></dd>
                              </dl>
                          </div>
                        </div>
                  </li>
                  <li><a href="#">配件</a></li>
                  <li><a href="#">服务</a></li>
                  <li><a href="#">下载</a></li>
                  <li><a href="#">社区</a></li>
                  <li><a href="#">amigoOS</a></li>
                </ul>
           </div>
        </div>
    </div>
    <!-- 页面头部结束 -->

    <!-- banner条开始 -->
<div class="banner">
  <div class="banner-w">
    <ul class="clearfix">
          <li><a href="#" class="one"></a></li>
          <li><a href="#" class="two"></a></li>
    </ul>
    <div class="banner-right"></div>
        <div class="banner-left"></div>
        <ul class="qh clearfix">
          <li></li>
          <li></li>
        </ul>
  </div>
</div>
<!-- banner条结束 -->

 <!-- 明星产品介绍 -->
<div class="starProduct">
      <div class="starProduct-banner clearfix">
          <h2>明星产品</h2>
           <ul>
              <li><a href="#"><img src="images/sp_1.jpg" alt=""></a></li>
             <li><a href="#"><img src="images/sp_2.jpg" alt=""></a></li>
              <li><a href="#"><img src="images/sp_3.jpg" alt=""></a></li>
          </ul>
      </div>
</div>
 <!-- 明星产品介绍结束 -->

 <!-- 热卖推荐开始 -->
<div class="hotProduct">
  <div class="hotProduct-banner clearfix">
    <h2>热卖推荐</h2>
    <p><a href="#">...更多...</a></p>
    <div class="hotProduct-left"><a href="#"><img src="images/hr_0.jpg"></a></div>
    <div class="hotProduct-right">
      <ul>
        <li><a href="#"><img src="images/hr_1.jpg"></a>
              <div class="des">
                  <p class="name">W909</p>
                  <p class="con">双屏翻盖，4GB+64GB</p>
                  <p class="price">￥3999 <em>618价</em></p>
            </div>
      </li>
     <li><a href="#"><img src="images/hr_2.jpg"></a>
          <div class="des">
                <p class="name">金钢2</p>
                <p class="con">双卡全网通，4000mAh电池</p>
                <p class="price">￥1299 <em>618价</em></p>
            </div>
        </li>
     <li><a href="#"><img src="images/hr_3.jpg"></a>
          <div class="des">
              <p class="name">F5</p>
              <p class="con">纤薄长续航，4GB+32GB</p>
              <p class="price">￥1499 <em>618价</em></p>
        </div>
      </li>
     <li><a href="#"><img src="images/hr_4.jpg"></a>
          <div class="des">
              <p class="name">S9</p>
              <p class="con">前置1300W像素，后置双摄</p>
              <p class="price">￥2499 <em>618价</em></p>
          </div>
     </li>
     <li><a href="#"><img src="images/hr_5.jpg"></a>
          <div class="des">
              <p class="name">S6 Pro</p>
              <p class="con">金属机身，4GB+64GB</p>
              <p class="price">￥1999 <em>618价</em></p>
          </div>
     </li>
     <li><a href="#"><img src="images/hr_6.jpg"></a>
         <div class="des">
              <p class="name">金钢公开版</p>
              <p class="con">4000mAh电池，双卡双待双4G</p>
              <p class="price">￥999 <em>618价</em></p>
          </div>
     </li>
      </ul>
    </div>
  </div>
</div>
<!-- 热卖推荐结束 -->

<!-- 精美配件开始 -->
<div class="acc">
  <div class="acc-banner clearfix">
  <h2>精美配件</h2>
  <p><a href="#">...更多...</a></p>
    <ul>
      <li><a href="#"><img src="images/ea_1.jpg" ></a>
        <div class="desc">
            <p class="name2">线控自拍杆</p>
            <p class="con2">迷你携带，线控美拍</p>
            <p class="price2">￥49</p>
        </div>
      </li>
      <li><a href="#"><img src="images/ea_2.jpg" ></a>
        <div class="desc">
            <p class="name2">数据线</p>
            <p class="con2">高速数据传输</p>
            <p class="price2">￥20</p>
        </div>
      </li>
      <li><a href="#"><img src="images/ea_3.jpg" ></a>
       <div class="desc">
            <p class="name2">旅行充电器</p>
            <p class="con2">流线腰身，高效充电</p>
            <p class="price2">￥40</p>
        </div>
      </li>
      <li><a href="#"><img src="images/ea_4.jpg" ></a>
       <div class="desc">
            <p class="name2">快充充电器</p>
            <p class="con2">高速快充，安全节能</p>
            <p class="price2">￥69</p>
        </div>
      </li>
      <li><a href="#"><img src="images/ea_5.jpg" ></a>
       <div class="desc">
            <p class="name2">HiFi耳机</p>
            <p class="con2">HI-FI魔音，震撼享受</p>
            <p class="price2">￥69</p>
        </div>
      </li>
      <li><a href="#"><img src="images/ea_6.jpg" ></a>
       <div class="desc">
            <p class="name2">贴膜</p>
            <p class="con2">高清透光，耐磨防油污</p>
            <p class="price2">￥10</p>
        </div>
      </li>
    </ul>
  </div>
</div>
<!-- 精美配件结束 -->

<!-- 品牌动态开始 -->
<div class=" dynamic">
  <div class=" dynamic-banner clearfix">
    <h2>品牌动态</h2>
    <ul>
      <li><a href="#"><img src="images/bn_1.jpg"></a></li>
      <li><img src="images/bn_2.jpg"></li>
      <li><a href="#"><img src="images/bn_3.jpg"></a></li>
    </ul>
  </div>
</div>
<!-- 品牌动态结束 -->

<!-- 售后图标开始 -->
<div class="saleAfter">
  <div class="saleAfter-banner clearfix">
  <ul>
    <li><a href="#" ><i class="one"></i><em>7天<br>退货保障</em></a></li>
    <li><a href="#" ><i class="two"></i><em>30天<br>换货承诺</em></a></li>
    <li><a href="#" ><i class="three"></i><em>99元起<br>全场免运费</em></a></li>
    <li><a href="#" ><i class="four"></i><em>579家<br>售后服务点</em></a></li>
  </ul>
</div>
</div>
<!-- 售后图标结束 -->

<!-- 底部导航开始 -->
<div class="footer-Info">
      <div class="footer-Info-banner clearfix">
          <dl>
              <dt>关于金立</dt>
              <dd><a href="#">企业荣誉</a></dd>
              <dd><a href="#">金立体验店</a></dd>
              <dd><a href="#">代理商专区</a></dd>
              <dd><a href="#">加入金立</a></dd>
              <dd><a href="#">联系我们</a></dd>
              <dd><a href="#">供应/服务商需求咨询</a></dd>
          </dl>
          <dl>
              <dt>新闻资讯</dt>
              <dd><a href="#">公司新闻</a></dd>
              <dd><a href="#">媒体报道</a></dd>
              <dd><a href="#">金立月刊</a></dd>
          </dl>
          <dl>
              <dt>购物指南</dt>
              <dd><a href="#">购物流程</a></dd>
              <dd><a href="#">支付方式</a></dd>
              <dd><a href="#">配送说明及费用</a></dd>
              <dd><a href="#">订单管理</a></dd>
              <dd><a href="#">购买常见问题</a></dd>
          </dl>
          <dl>
              <dt>售后服务</dt>
              <dd><a href="#">售后政策</a></dd>
              <dd><a href="#">售后服务网点</a></dd>
              <dd><a href="#">上门维修</a></dd>
              <dd><a href="#">签收须知</a></dd>
              <dd><a href="#">物流查询</a></dd>
          </dl>
          <dl>
              <dt>关注我们</dt>
              <dd><a href="#"><i class="sina"></i>新浪微博</a></dd>
              <dd><a href="#"><i class="Tenc"></i>腾讯微博</a></dd>
              <dd><a href="#"><i class="  QQ"></i>QQ空间</a></dd>
          </dl>
        <div class="eCord">
          <span>扫一扫关注微信</span>
        </div>
      </div>
    </div>
    <!-- 底部导航结束 -->

<!-- 底部开始 -->
    <div class="footer">
        <div class="footer-banner">
            <p>网站地图<span>|</span>集团下属公司</p>
            <p>增值电信业务经营许可证：粤B2-20120350 粤ICP备05087105号 粤网文[2013]029-029号 粤文市审[2012]196号
            <a href="#" class="pl"><img src="images/govIcon.gif" alt="深圳市市场监督管理局企业主体身份公示" title="深圳市市场监督管理局企业主体身份公示"></a>
            <a href="#" class="gg"><img src="images/b.png"alt=""></a>
            </p>
              <p class="bq-info">Copyright © 2013 深圳市金立通信设备有限公司 版权所有 .</p>
        <div class="lang">中国/简体中文+</div>
        </div>
    </div>
    <!-- 底部结束 -->

<!-- 侧边导航开始 -->
<div class="service">
      <ul>
        <li><a href="javascript:void(0)" class="online">在线服务<span></span></a></li>
        <li><a href="javascript:void(0)" class="help">帮助中心<span></span></a></li>
        <li><a href="javascript:void(0)" class="rTop">返回顶部<span></span></a></li>
        <li><a href="javascript:void(0)">金立关怀</a><img src="images/code.png"></li>
      </ul>
  </div>
    <!-- 侧边导航结束 -->
    </body>
    <script type="text/javascript">
    $(function(){
        $(".rTop").click(function(){
            $("body").stop().animate({scrollTop:0},300)
        });
    })
    function setStyle(x)
    {
      document.getElementById(x).style.border="1px solid skyblue"
    }
    </script>
</html>